import React from "react"
import reactDom from "react-dom"
import App from "./App"
import "./css/app.scss"
//组件导入一律写在最上方，写在代码中有时会报错

// function App(){
//     return <div>hello  react里可以把函数当组件用</div>
// }
// // reactDom.render(<App></App>,document.getElementById("root"))

// function App1(num){
//     let res=++num;
//     return <div>{res}</div>
// }

// function App2(string){
//     let res=string+18;
//     return <div>{res}</div>
// }
// // reactDom.render(App1(10),document.getElementById('root'))
// // reactDom.render(App2("hello"),document.getElementById("root"))

// //函数参数多了可以把参数封装成对象
// function App3(object1){
//     return <div>{object1.name}今年{object1.age}</div>
// }
// function App4({name,age}){
//     return <div>{name}今年{age}</div>
// }
// // reactDom.render(App4({name:"linhan",age:18}),document.getElementById("root"))
// function App5(props){
//     return <div>{props.username}今年{props.age}</div>
// }
// // reactDom.render(<App5 username="linhan" age={18}></App5>,document.getElementById("root"))

// //类继承
// class Person{
//     constructor(){
//         this.name="人类"
//     }
//     say(){
//         console.log("我是"+this.name)
//     }
// }
// let person =new Person();
// person.say();
// class YellowPerson extends Person{
//     constructor(name){//康斯吹可特儿-constructor
//         super();
//         this.age=18;
//         this.name=name;
//     }
//     says(){
//         console.log(this.name+"人均"+this.age+"岁")
//     }
// }
// let lin=new YellowPerson("中国人")
// lin.says();



reactDom.render(<App></App>,document.getElementById("root"))